<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/Underline.css"/>
		<style type="text/css">
			*{
				margin: 0px;padding: 0px;
			}
			.nav{
				width: 1848px;height: 120px;
				background: #faf4f6;
			}
			.nav img{
				position: absolute;
				width: 180px;height: 120px;				
				left: 170px;right: 0;
			}
			.font_left{
				position: absolute;
				cursor: default;
				font-family: "微软雅黑";
				font-size: 32px;
				font-weight: 800;
				color: #f13a3a;
				left: 290px;top: 35px;
			}
			.font_right{
				position: absolute;
				cursor: default;
				font-family: "微软雅黑";
				font-weight: 800;
				font-size: 32px;
				color: #cccccc;
				left: 360px;top: 35px;								
			}
			.nav_title{                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
				list-style: none;						
			}
			.nav_title li{				
				position: relative;display:inline-block;			/*运用了px这里有一个问题当页面缩放的时候字体也会跟着动.*/
				cursor: pointer;
				font-family: "HYLeMiaoTiJ";
				font-size: 20px;
				margin-top: 50px;
				margin-left: 60px;				
				left: 300px;									
			}
			.nav_title li a{
				text-decoration: none;
				color: #000000;
			}			
			.nav_title li a:hover{							
				color: red;
			}
			
			.dropbtn{
            	background-color: #faf4f6;
            	color: #000000;
      			border: none;
            	cursor: pointer;
        	}
        	.dropdown-content{
            	display: none; 	
            	position: absolute;
            	z-index: 997;
            	background-color: #f6f6f6;
            	border: 1px solid #CCCCCC;           	
            	left: -135px;
            	margin-right: 200px;
            	box-shadow:  0px 8px 16px 0px rgba(0,0,0,0.2);
            	
           		/*transform: scaleY(0);
            	transition:all 6s;*/			/*动画效果出不来*/
       		}
       		.dropdown-content a{
           		 color: #000000;
           		 width: 295px;height: 200px;
           		 text-decoration: none;
            	 display: block;
        	}
        	.nav_title li:hover .dropdown-content{
            		display: block; 	!important
            		/*transform: scaleY(2);*/
       		 }      		
       		#shoppingcar{		
				width: 160px;height: 50px;
				border: 1px solid #CCCCCC;
				opacity: 1;
				text-align: center;
				font-size: 13px;
				line-height: 50px;
			}
			#shoppingcar_left{
				position: absolute;
				width: 40px;height: 30px;
				left: 4px;top: -3px;
			}
			#shoppingcar_right{
				position: absolute;
				width: 25px;height: 20px;
				left: 126px;top: 4px;
			}
			
			.R_right{
				position: fixed;
				right: -10px;
				width: 70px;height: 100%;
				border: 0px solid #CCCCCC;
				background: #202020;
				opacity: 1;
				z-index: 999;
			}
			.R_right .border_1{
				margin-top: 150px;
				width: 58px;height: 50px;
				border: 0px solid pink;
				background: #202020;
			}
			.R_right .border_1 img{
				margin: 10px 0 0 17px;
			}
			.R_right .border_1:hover{
				width: 60px;height: 50px;
				border: 0px solid pink;
				background: red;
			}
			.up_border_1{
				background: #202020;
				width: 120px;height: 51px;
				position: absolute;
				left: -170px;
				top: 150px;
				opacity: 0;
				display: none;
			}
			.up_border_1:after{	
				content: '';

				width: 0;

				height: 0;

				border-width: 15px;

				border-style: solid;

				border-color: transparent transparent transparent #202020;

				position: absolute;

				bottom:10px;

				left:120px;

			
			}
			.border_1:hover .up_border_1{
				display:block;
			}
			.up_border_1 .p_right_1{
				text-align: center;
				line-height: 50px;
			
			}
			.up_border_1 .p_right_1 a{
				text-decoration: none;
				color: #FFFFFF;
			}
			
			#c a{
				color: red;
			}
			#c a:after{
				content: "";
				position: absolute;
				top: 32px;left: -5px;
				width: 85px;
				border: 2px solid red;
				border-radius: 10%;
			}		/* 只是站位,以后有待改进*/
			
			
			.R_right .border_2{
				margin-top: 25px;
				width: 58px;height: 50px;
				border: 0px solid pink;
				background: #202020;
			}
			.R_right .border_2 img{
				margin: 12px 0 0 17px;
			}
			.R_right .border_2:hover{
				width: 60px;height: 50px;
				border: 0px solid pink;
				background: red;
			}
			.up_border_2{
				background: #202020;
				width: 120px;height: 51px;
				position: absolute;
				left: -170px;
				top: 225px;
				opacity: 0;
				display: none;
			}
			.up_border_2:after{	
				content: '';

				width: 0;

				height: 0;

				border-width: 15px;

				border-style: solid;

				border-color: transparent transparent transparent #202020;

				position: absolute;

				bottom:10px;

				left:120px;

			
			}
			.border_2:hover .up_border_2{
				display:block;
			}
			.up_border_2 .p_right_2{
				text-align: center;
				line-height: 50px;
			
			}
			.up_border_2 .p_right_2 a{
				text-decoration: none;
				color: #FFFFFF;
			}
			
			.R_right .border_3{
				width: 58px;height:180px;   /*字会动是因为width在变，字体设置的是text-align: center;*/
				border: 0px solid pink;
				background: #202020;
			}
			.R_right .border_3 img{
				margin: 12px 0 0 17px;
			}
			.R_right .border_3:hover{
				width: 60px;height: 180px;
				border: 0px solid pink;
				background: red;
			}
			.R_right .R_right_button{
				margin-top: 15px;
				margin-left: 19px;
				width: 20px;
				background: #c40000;
				text-align: center;
				color: #FFFFFF;
				border: 1px solid pink;
				border-radius: 50%;
			}
			
			.R_right .border_4{
				margin-top: 240px;
				width: 58px;height:50px;
				border: 0px solid pink;
				background: #202020;
			}
			.R_right .border_4 img{
				margin: 11px 0 0 14px;
			}
			.R_right .border_4:hover{
				width: 60px;height: 50px;
				border: 0px solid pink;
				background: red;
			}
			.up_border_4{
				background: #202020;
				width: 120px;height: 51px;
				position: absolute;
				left: -170px;
				top: 709px;
				opacity: 0;
				display: none;
			}
			.up_border_4:after{	
				content: '';

				width: 0;

				height: 0;

				border-width: 15px;

				border-style: solid;

				border-color: transparent transparent transparent #202020;

				position: absolute;

				bottom:10px;

				left:120px;

			
			}
			.border_4:hover .up_border_4{
				display:block;
			}
			.up_border_4 .p_right_4{
				text-align: center;
				line-height: 50px;
			
			}
			.up_border_4 .p_right_4 a{
				text-decoration: none;
				color: #FFFFFF;
			}
			
			.R_right .border_5{
				margin-top: 5px;
				width: 58px;height:50px;
				border: 0px solid pink;
				background: #202020;
			}
			.R_right .border_5 img{
				margin: 11px 0 0 14px;
			}
			.R_right .border_5:hover{
				width: 60px;height: 50px;
				border: 0px solid pink;
				background: red;
			}
			.up_border_5{
				background: #FFFFFF;
				width: 180px;height: 180px;
				position: absolute;
				left: -230px;
				top: 634px;
				opacity: 0;
				display: none;
				box-shadow:  0px 8px 16px 10px rgba(0,0,0,0.2);
			}
			.up_border_5:after{	
				content: '';

				width: 0;

				height: 0;

				border-width: 15px;

				border-style: solid;

				border-color: transparent transparent transparent #FFFFFF;

				position: absolute;

				bottom:10px;

				left:180px;

			
			}
			.border_5:hover .up_border_5{
				display:block;
			}
			.up_border_5 .p_right_5{
				text-align: center;
				line-height: 28px;
				font-family: "微软雅黑";
			
			}
			.up_border_5 .p_right_5 a{
				text-decoration: none;
				color: #FFFFFF;
			}
			
			.R_right .border_6{
				margin-top: 10px;
				width: 58px;height: 50px;
				border: 0px solid pink;
				background: #202020;
			}
			.R_right .border_6 img{
				margin: 10px 0 0 14px;
			}
			.R_right .border_6:hover{
				width: 60px;height: 50px;
				border: 0px solid pink;
				background: red;
			}
			.up_border_6{
				background: #202020;
				width: 120px;height: 51px;
				position: absolute;
				left: -170px;
				top: 824px;
				opacity: 0;
				display: none;
			}
			.up_border_6:after{	
				content: '';

				width: 0;

				height: 0;

				border-width: 15px;

				border-style: solid;

				border-color: transparent transparent transparent #202020;

				position: absolute;

				bottom:10px;

				left:120px;

			
			}
			.border_6:hover .up_border_6{
				display:block;
			}
			.up_border_6 .p_right_6{
				text-align: center;
				line-height: 50px;
			
			}
			.up_border_6 .p_right_6 a{
				text-decoration: none;
				color: #FFFFFF;
			}
			
			.denglu_1{
				width: 300px;height: 280px;
				background: #FFFFFF;
				position: absolute;
				left: -300px;top: 150px;
				box-shadow: 0px 8px 16px 10px rgba(0,0,0,0.2);
				display: none;
				opacity: 1;
				z-index: 998; 				
			}
			/*.border_1:hover .denglu{
				display: block;
			}*/
			.denglu_1:after{
				content: '';

				width: 0;

				height: 0;

				border-width: 15px;

				border-style: solid;

				border-color: transparent transparent transparent #FFFFFF;

				position: absolute;

				top: 10px;

				left:300px;
		
			}
			
			.denglu_2{
				width: 300px;height: 280px;
				background: #FFFFFF;
				position: absolute;
				left: -300px;top: 225px;
				box-shadow: 0px 8px 16px 10px rgba(0,0,0,0.2);
				display: none;
				opacity: 1;
				z-index: 998; 				
			}
			/*.border_2:hover .denglu{
				display: block;
			}*/
			.denglu_2:after{
				content: '';

				width: 0;

				height: 0;

				border-width: 15px;

				border-style: solid;

				border-color: transparent transparent transparent #FFFFFF;

				position: absolute;

				top: 10px;

				left:300px;
		
			}
			
			.denglu_3{
				width: 300px;height: 280px;
				background: #FFFFFF;
				position: absolute;
				left: -300px;top: 288px;
				box-shadow: 0px 8px 16px 10px rgba(0,0,0,0.2);
				display: none;
				opacity: 1;
				z-index: 998; 				
			}
			/*.border_3:hover .denglu{
				display: block;
			}*/
			.denglu_3:after{
				content: '';

				width: 0;

				height: 0;

				border-width: 15px;

				border-style: solid;

				border-color: transparent transparent transparent #FFFFFF;

				position: absolute;

				top: 10px;

				left:300px;
		
			}
			.denglu_font{
				font-family: "微软雅黑";
				margin: 20px 0 0 20px;
			}
			#name{
				width: 220px;height: 35px;
				margin: 10px 0 0 20px;
			}
			#password{
				width: 220px;height: 35px;
				margin: 15px 0 0 20px;
			}
			#button{
				width: 225px;height: 35px;
				margin: 20px 0 0 20px;
				font-family: "微软雅黑";
				font-size: 15px;
				color: #FFFFFF;
				background: #f13a3a;
				border: 0;
			}
			.denglu_font1{
				font-family: "微软雅黑";
				font-size: 15px;
				margin: 5px 0 0 180px;
			}
			.denglu_font1 a{
				text-decoration: none;
				color: #CCCCCC;
			}
			
			.people_bottom{
				width: 1848px;height: 600px;
				background: #222324;
			}
			.people_bottom .bottom_photo{
				position: relative;
				top: 10px;
				margin: 0 auto;
				width: 1840px;height: 300px;
				border: 0px solid cyan;
			}
			.bottom_photo_1{
				margin-top: 90px;
				margin-left: 275px;
				width: 160px;height: 120px;
				border: 0px solid pink;
				text-align: center;     	/*图片的居中*/
			}
			.bottom_photo_1 p{
				color: #93989d;
				margin-top: 4px;
			}
			.bottom_photo_2{
				margin-top: 90px;
				margin-left: 145px;
				width: 160px;height: 120px;
				border: 0px solid pink;
				text-align: center;     	/*图片的居中*/
			}
			.bottom_photo_2  p{
				color: #93989d;
				margin-top: 6px;
			}
			.erweima img{
				margin: 70px 0 0 120px;
			}
			.bottom_photo_3{
				margin-top: 90px;
				margin-left: 120px;
				width: 160px;height: 120px;
				border: 0px solid pink;
				text-align: center;     	/*图片的居中*/
			}
			.bottom_photo_3  p{
				color: #93989d;
				margin-top: 6px;
			}
			.bottom_photo_4{
				margin-top: 90px;
				margin-left: 130px;
				width: 160px;height: 120px;
				border: 0px solid pink;
				text-align: center;     	/*图片的居中*/
			}
			.bottom_photo_4  p{
				color: #93989d;
				margin-top: 6px;
			}
			.copyright{
				margin-top: 80px;
				color: #93989d;
				text-align: center;
			}
		</style>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
		<script>
			$(document).ready(function(){
				$(".border_1").mouseenter(function(){		
					$('.up_border_1').animate({
 						left: '-120px',
  						opacity: 1,
 						}, 900, function() {
	  			// Animation complete.
								});
				});
				$(".border_1").mouseleave(function(){		
					$('.up_border_1').animate({
   						left: '-170px',
						opacity: 0,
   						}, 0, function() {
	  			// Animation complete.
								});
				});
				
				$(".border_2").mouseenter(function(){		
					$('.up_border_2').animate({
 						left: '-120px',
  						opacity: 1,
 						}, 900, function() {
	  			// Animation complete.
								});
				});
				$(".border_2").mouseleave(function(){		
					$('.up_border_2').animate({
   						left: '-170px',
						opacity: 0,
   						}, 0, function() {
	  			// Animation complete.
								});
				});
				
					$(".border_4").mouseenter(function(){		
					$('.up_border_4').animate({
 						left: '-120px',
  						opacity: 1,
 						}, 900, function() {
	  			// Animation complete.
								});
				});
				$(".border_4").mouseleave(function(){		
					$('.up_border_4').animate({
   						left: '-170px',
						opacity: 0,
   						}, 0, function() {
	  			// Animation complete.
								});
				});
				
				$(".border_5").mouseenter(function(){		
					$('.up_border_5').animate({
 						left: '-180px',
  						opacity: 1,
 						}, 900, function() {
	  			// Animation complete.
								});
				});
				$(".border_5").mouseleave(function(){		
					$('.up_border_5').animate({
   						left: '-230px',
						opacity: 0,
   						}, 0, function() {
	  			// Animation complete.
						});
				});
				
					$(".border_6").mouseenter(function(){		
					$('.up_border_6').animate({
 						left: '-120px',
  						opacity: 1,
 						}, 900, function() {
	  			// Animation complete.
								});
				});
				$(".border_6").mouseleave(function(){		
					$('.up_border_6').animate({
   						left: '-170px',
						opacity: 0,
   						}, 0, function() {
	  			// Animation complete.
								});
				});
				
				$(".border_1").click(function(){
					$(".denglu_2").css("display","none");
					$(".denglu_3").css("display","none");
					$(".denglu_1").toggle('slow',function(){						
					});					
				});
				
				$(".border_2").click(function(){
					$(".denglu_1").css("display","none");
					$(".denglu_3").css("display","none");
					$(".denglu_2").toggle('slow',function(){
					});
				});
				
				$(".border_3").click(function(){
					$(".denglu_1").css("display","none");
					$(".denglu_2").css("display","none");
					$(".denglu_3").toggle('slow',function(){
					});
				});
//				$(".border_1").click(function(){		
//					$('.denglu').animate({
//						opacity: 1,
// 						}, 1000, function() {
//	  			// Animation complete.
//								});
//				});
				
				$(".border_6").click(function(){
					$("html,body").stop().animate({
						'scrollTop':0
					});
				});
				
			});
		</script>
	</head>
	<body>
		<div class="R_right">
				<div class="border_1">
					<img src="img/caketb2.png" width="27px"height="30px"/>
					<div class="up_border_1"><p class="p_right_1"><a href="#">我的资料</a></p></div>
				</div>
				<div class="denglu_1">
					<p class="denglu_font">请登录</p>
					<div style="border: 1px solid red;margin:0 0 0 12px;width: 65px;display: inline-block"></div>
					<div style="border: 1px solid #CCCCCC;margin:0 0 0 -5px;width: 190px;display: inline-block"></div>
					<input type="text" name="用户名" id="name" placeholder="       请输入用户名" style="background-image:url(img/inputname.jpg) ;"/>
					<input type="password" name="密码" id="password"  placeholder="请输入密码"/>
					<input type="button" id="button" value="登录"/>
					<p class="denglu_font1"><a href="#">免费注册></a></p>
				</div>
				
				<div class="border_2">
					<img src="img/caketb3.png" width="27px"height="25px"/>
					<div class="up_border_2"><p class="p_right_2"><a href="#">我的收藏</a></p></div>
				</div>
				<div class="denglu_2">
					<p class="denglu_font">请登录</p>
					<div style="border: 1px solid red;margin:0 0 0 12px;width: 65px;display: inline-block"></div>
					<div style="border: 1px solid #CCCCCC;margin:0 0 0 -5px;width: 190px;display: inline-block"></div>
					<input type="text" name="用户名" id="name" placeholder="请输入用户名" />
					<input type="password" name="密码" id="password"  placeholder="请输入密码"/>
					<input type="button" id="button" value="登录"/>
					<p class="denglu_font1"><a href="#">免费注册></a></p>
				</div>
				
				<hr style="border: 1px solid #181819; margin: 10px 0 0 7px; width: 45px;"/>
				<hr style="border: 1px solid #2d2e2f;margin-left: 7px; width: 45px;" />
				<div class="border_3">
					<img src="img/caketb4.png" width="27px"height="25px"/>
					<p style="text-align: center; margin-top: 10px; color: #FFFFFF;font-family: '微软雅黑';">购</p>
					<p style="text-align: center; margin-top: 10px; color: #FFFFFF;font-family: '微软雅黑';">物</p>
					<p style="text-align: center; margin-top: 10px; color: #FFFFFF;font-family: '微软雅黑';">车</p>
					<div class="R_right_button">0</div>			
				<hr style="border: 1px solid #2d2e2f;margin: 8px 0 0 7px; width: 45px;" />
				<hr style="border: 1px solid #181819; margin-left: 7px; width: 45px;"/>
				</div>
				
				<div class="denglu_3">
					<p class="denglu_font">请登录</p>
					<div style="border: 1px solid red;margin:0 0 0 12px;width: 65px;display: inline-block"></div>
					<div style="border: 1px solid #CCCCCC;margin:0 0 0 -5px;width: 190px;display: inline-block"></div>
					<input type="text" name="用户名" id="name" placeholder="请输入用户名" />
					<input type="password" name="密码" id="password"  placeholder="请输入密码"/>
					<input type="button" id="button" value="登录"/>
					<p class="denglu_font1"><a href="#">免费注册></a></p>
				</div>
				<div class="border_4">
					<img src="img/caketb1.png" width="30px"height="26px"/>
					<div class="up_border_4"><p class="p_right_4"><a href="talkabout.html">留言</a></p></div>
				</div>
				<div class="border_5">
					<img src="img/caketb5.png" width="30px"height="30px"/>
					<div class="up_border_5"><img src="img/twois.jpg" width="120px"height="120px" style="margin:20px 0 0 31px;"><p class="p_right_5"><a href="#"></a>手机二维码</p></div>
				</div>
				<div class="border_6">
					<img src="img/caketb6.png" width="30px"height="27px"/>
					<div class="up_border_6"><p class="p_right_6"><a>返回顶部</a></p></div>
				</div>
			</div>
			<div class="nav">    			<!-- 导航栏-->
				<a href="eater.html"><img src="img/sweeet.jpg" ></a>
				<a href="eater.html"><span class="font_left">蛋糕</span></a>
				<a href="eater.html"><span class="font_right">甜品</span></a>
				<ul class="nav_title">
					<li id="a" style="margin-left: 505px;"><a href="eater.html">首页</a></li>
					<li id="b"><a href="#">新品上市</a></li>
					<li id="c"><a href="hot.html">热卖产品</a></li>
					<li id="d"><a href="me.html">关于我们</a></li>
					<li id="e"><a href="talkabout1.html">联系我们</a></li>
					<li>
					<button id="shoppingcar" class="dropbtn" style="margin-top: -14px;">
						<img id="shoppingcar_left" src="img/shopping11.jpg">
						<span style="font-family: 楷体;font-weight: 600;">我的购物车 </span>
						<img id="shoppingcar_right" src="img/down.jpg" />
					</button>
					<div class="dropdown-content">						
        					<a href="#">
        						<img src="img/w.jpg" style="position: relative; width: 80px;height: 80px; left: 20px;top: 50px;"/>
        						<span style="font-family: '微软雅黑'; opacity: 0.5; position: absolute; left: 110px;top: 70px;">您的购物车里暂时没有<b>sweet!</b></span>
        					</a>
    					</div>
					</li>
				</ul>
			</div>
			<div class="photot">
				<img src="img/41.jpg" width="1848px"/>
			</div>
			<div class="middle" style="width: 1848px;height: 1150px;background: #FFFFFF">
				<table>
					<tr>
						<td>
							<div style="margin: 140px 0 0 310px;">
							<img src="img/40.jpg" />
							</div>
						</td>
						<td>
							<div class="active">
							<p style="position: relative;top: 40px;color: red;margin: 200px 0 0 100px;font-family: '微软雅黑';font-size: 20px;">咖啡鲜奶生日蛋糕 / Coffee cream birthday cake</p>
							<div style="width: 600px;height: 200px;border: 0px solid red;margin: 100px 0 0 100px;font-family: '微软雅黑';color: #9D9D9D;">
							<p style="line-height: 25px;">每一道甜点或每一杯饮品，都是我们对于食材和口味的挑剔，坚持的程度是远远超越
								您所能想像的。金钱，根本不能用来衡量我们对这点的坚持。为了客户热爱的奶茶及
								甜点，每天XXX奶茶的中央厨房都得从凌晨开始精心备料及製作甜点。虽然总数多达
								数十种，但我们总是不厌其烦地逐一检查，鲜度是否合格、每个甜点的样式是否有瑕
								疵…不符标准的，立刻全部验退！</p>
							</div>
							</div>
						</td>
					</tr>
				</table>
				<table>
					<tr>
						<td>
							<div class="active">
							<p style="position: relative;top: 40px;color: blue;margin: 200px 0 0 318px;font-family: '微软雅黑';font-size: 20px;">环游世界创意蛋糕 / Around the world creative cake</p>
							<div style="width: 600px;height: 200px;border: 0px solid red;margin: 100px 0 0 318px;font-family: '微软雅黑';color: #9D9D9D;">
							<p style="line-height: 25px;">每一道甜点或每一杯饮品，都是我们对于食材和口味的挑剔，坚持的程度是远远超越
								您所能想像的。金钱，根本不能用来衡量我们对这点的坚持。为了客户热爱的奶茶及
								甜点，每天XXX奶茶的中央厨房都得从凌晨开始精心备料及製作甜点。虽然总数多达
								数十种，但我们总是不厌其烦地逐一检查，鲜度是否合格、每个甜点的样式是否有瑕
								疵…不符标准的，立刻全部验退！</p>
							</div>
						</td>
						<td>
							<div style="margin: 140px 0 0 85px;">
							<img src="img/43.jpg" />
							</div>		
							</div>
						</td>
					</tr>
				</table>
			</div>
			<div class="middle_1" style="width: 1848px;height: 550px;background: #FFFFFF;">
				<table>
					<tr>
						<td>
							<div style="width: 300px;height: 400px;border: 0px dashed red; margin: 80px 0 0 270px;">
								<div style="text-align: center;">
								<img src="img/7.jpg"/>
								</div>
								<p style="text-align: center;margin-top: 10px;font-family: '微软雅黑';font-size: 20px;">巧克力千层蛋糕</p>
								<p style="text-align: center;margin-top: 3px;font-family: '微软雅黑';color: #9D9D9D;">精选纯正原料搭配上选新鲜水果，呈现</p>
								<p style="text-align: center;margin-top: 0px;font-family: '微软雅黑';color: #9D9D9D;">出独更纯正的口感。</p>
								<p style="text-align: center;margin-top: 10px;font-family: '微软雅黑';"><a href="#" style="text-decoration: none;color: #ff0000;">立即购买>></a></p>
							</div>
						</td>
						<td>
							<div style="width: 300px;height: 400px;border: 0px dashed red; margin: 80px 0 0 30px;">
								<div style="text-align: center;">
								<img src="img/9.jpg"/>
								</div>
								<p style="text-align: center;margin-top: 10px;font-family: '微软雅黑';font-size: 20px;">水果千层蛋糕</p>
								<p style="text-align: center;margin-top: 3px;font-family: '微软雅黑'; color: #9D9D9D;">精选纯正原料搭配上选新鲜水果，呈现</p>
								<p style="text-align: center;margin-top: 0px;font-family: '微软雅黑'; color: #9D9D9D;">出独更纯正的口感。</p>
								<p style="text-align: center;margin-top: 10px;font-family: '微软雅黑';"><a href="#" style="text-decoration: none;color: #ff0000;">立即购买>></a></p>
							</div>
						</td>
						<td>
							<div style="width: 300px;height: 400px;border: 0px dashed red;margin: 80px 0 0 30px;">
								<div style="text-align: center;">
								<img src="img/11.jpg"/>
								</div>
								<p style="text-align: center;margin-top: 10px;font-family: '微软雅黑';font-size: 20px;">芒果千层蛋糕</p>
								<p style="text-align: center;margin-top: 3px;font-family: '微软雅黑';color: #9D9D9D;">精选纯正原料搭配上选新鲜水果，呈现</p>
								<p style="text-align: center;margin-top: 0px;font-family: '微软雅黑';color: #9D9D9D;">出独更纯正的口感。</p>
								<p style="text-align: center;margin-top: 10px;font-family: '微软雅黑';"><a href="#" style="text-decoration: none;color: #ff0000;">立即购买>></a></p>
							</div>
						</td>
						<td>
							<div style="width: 300px;height: 400px;border: 0px dashed red;margin: 80px 0 0 30px;">
								<div style="text-align: center;">
								<img src="img/42.png"/>
								</div>
								<p style="text-align: center;margin-top: 10px;font-family: '微软雅黑';font-size: 20px;">草莓千层蛋糕</p>
								<p style="text-align: center;margin-top: 3px;font-family: '微软雅黑';color: #9D9D9D;">精选纯正原料搭配上选新鲜水果，呈现</p>
								<p style="text-align: center;margin-top: 0px;font-family: '微软雅黑';color: #9D9D9D;">出独更纯正的口感。</p>
								<p style="text-align: center;margin-top: 10px;font-family: '微软雅黑';"><a href="#" style="text-decoration: none;color: #ff0000;">立即购买>></a></p>
							</div>
						</td>
					</tr>
				</table>
			</div>
			<div class="people_bottom">
					<div class="bottom_photo">
						<table>
							<tr>
								<td>
									<div class="bottom_photo_1">
										<img src="img/bottom1.jpg" />
										<p>全心全意为您服务</p>
									</div>
								</td>
								<td>
									<div class="bottom_photo_2">
										<img src="img/bottom2.jpg" />
										<p style="color: #93989d;">原材料正宗，价格低</p>
									</div>
								</td>
								<td>
									<div class="erweima">
										<img src="img/twois.jpg" />
									</div>
								</td>
								<td>
									<div class="bottom_photo_3">
										<img src="img/bottom3.jpg" />
										<p style="color: #93989d;">公司化运作，放心购买</p>
									</div>
								</td>
								<td>
									<div class="bottom_photo_4">
										<img src="img/bottom4.jpg" />
										<p style="color: #93989d;">工作时间 9:00-22:00</p>
									</div>
								</td>
							</tr>
						</table>					
					</div>
					<hr style="border: 1px solid #181819; margin-top: 95px;" />
					<hr style="border: 1px solid #2d2e2f;" />
					<p class="copyright">©2019 网站—食品饮料 版权所有 |用手机扫描二维码可以进入本站获得扣取素材| 管理登录| 使用纯手工制作巨累</p>
				</div>
			
			
			
			
			
	</body>
</html>
